<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--公共样式-->
    <link href="./css/reset.css" rel="stylesheet" type="text/css" />
    <link href="./css/liebiaopage.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <!--导航栏-->
    <div class="nav">
        <div class="container" class="cf">
            <span class="navspan1">乐购www.legou.com</span>
            <div class="navspan2">欢迎光临乐购&nbsp;请 <a id="lu">登录&nbsp;|</a>&nbsp;&nbsp; <a class="deng">注册</a>
            </div>
        </div>

        <!--登录框-->
        <!--logo栏-->
        <div class="container" class="cf">
            <div class="logo">
                <img src="./imgs/0-首页.jpg.png">
                <form class="myform1">
                    <input type="text" placeholder="请输入搜索的商品名" name="cname">
                    <button type="submit"></button>
                </form>
            </div>
        </div>
        <div class="container">
            <ul class="lis1">
                <li>
                    <a style="color: #ffb810;">图书</a>
                    <a>电子书</a>
                    <a>原创文学</a>
                    <a>服装</a>
                    <a>户外运动</a>
                    <a>孕婴童</a>
                    <a>创意文具</a>
                    <a>地方特产</a>
                    <a>海外购</a>
                    <a>电器城</a>
                </li>
            </ul>
        </div>
        <div class="goubut container">
            <a href="#" id="goua2"><img src="./imgs/购物车.png">&nbsp;&nbsp;购物车<span>0</span></a>
            <a href="#" id="goua1">我的订单</a>
        </div>
    </div>
    <!--banner部分-->
    <div class="banner">
        <img src="./imgs/banner22.jpg">
        <div class="container">
            <div class="bannerbox">
                <h3 style="text-align: center;margin-bottom: 10px;">潮流新品</h3>
                <p>大家都在穿</p>
                <p>
                    <a>当季新品</a>
                    <a>商场同款</a>
                    <a>天猫独家</a>
                    <a>连衣裙</a>
                    <a>卫衣</a>
                    <a>短外套</a>
                    <a>衬衫</a>
                    <a>气质套装</a>
                    <a>卫衣</a>
                    <a>毛衣</a>
                    <a>羽绒服</a>
                </p>
                <p>----------------------------------</p>
                <p>品质上装</p>
                <p>
                    <a>当季新品</a>
                    <a>商场同款</a>
                    <a>天猫独家</a>
                    <a>连衣裙</a>
                    <a>卫衣</a>
                    <a>短外套</a>
                    <a>衬衫</a>
                </p>
                <p>----------------------------------</p>
                <p>特色服饰</p>
                <p>
                    <a>时尚套装</a>
                    <a>商场同款</a>
                    <a>妈妈装</a>
                    <a>连衣裙</a>
                    <a>卫衣</a>
                    <a>短外套</a>
                    <a>衬衫</a>
                    <a>气质套装</a>
                    <a>短裤</a>
                    <a>哈伦裤</a>
                    <a>风衣</a>
                </p>
                <p>----------------------------------</p>

            </div>
        </div>
    </div>


    <!--主体部分-->
    <div class="container">
        <div class="maxbox">
            <div class="tupian1">
                <h3>品牌闪购<span></span>>></span></h3>
                <img src="./imgs/images/zuanqu1_03.jpg">
            </div>
            <div class="tupian2">
                <h3>品牌闪购<span></span>>></span></h3>
                <img src="./imgs/images/zuanqu2_03.jpg">
            </div>
            <div class="tupian3">
                <h3>品牌闪购<span></span>>></span></h3>
                <img src="./imgs/images/zuanqu3_03.jpg">
            </div>
            <div class="tupian4">
                <img src="./imgs/images/zuanqu4_03.jpg">
                <img src="./imgs/images/zuanqu4_03.jpg">
                <img src="./imgs/images/zuanqu4_03.jpg">
                <img src="./imgs/images/zuanqu4_03.jpg">
            </div>
        </div>
        <!--女装区-->
        <div class="nvzhuang">
            <img src="./imgs/images/nvzhuang_06.jpg">
        </div>

        <div class="nzbox">
            <img src="./imgs/guaiguai.jpg" style="width: 270px;height: 410px;">
            <div class="nvbox2">
                <a>口红</a>
                <a>女装</a>
                <a>女包</a>
                <a>口红</a>
            </div>
        </div>

        <div style="position: relative;">
            <img src="./imgs/images/nvzuanqu_03.jpg" style="position: absolute;bottom:0px;right:296px;">
        </div>
        <div style="position: relative;">
            <div class="rightbox">
                <div style="margin:10px 0;">
                    <a id="a1">女装销量</a>&nbsp;
                    <a id="a2">爆买热款</a>&nbsp;
                    <a id="a3">事实跟新</a>&nbsp;
                </div>
                <div id="maxbox9">
                    <p>1.乐町牛仔外套19女秋新款短</p>
                    <div class="hahaha">
                        <img src="./imgs/images/youbian_03.jpg">
                        <div style="width: 128px;float: right;">
                            <span>乐町牛仔外套19女秋新款短外套女</br><strong>$199</strong></span>
                        </div>
                    </div>
                    <p>2.乐町牛仔外套19女秋新款短</p>
                    <div class="hahaha">
                        <img src="./imgs/images/youbian_03.jpg">
                        <div style="width: 128px;float: right;">
                            <span>乐町牛仔外套19女秋新款短外套女</br><strong>$199</strong></span>
                        </div>
                    </div>
                    <p>3.乐町牛仔外套19女秋新款短</p>
                    <div class="hahaha">
                        <img src="./imgs/images/youbian_03.jpg">
                        <div style="width: 128px;float: right;">
                            <span>乐町牛仔外套19女秋新款短外套女</br><strong>$199</strong></span>
                        </div>
                    </div>
                    <p>4.乐町牛仔外套19女秋新款短</p>
                    <div class="hahaha">
                        <img src="./imgs/images/youbian_03.jpg">
                        <div style="width: 128px;float: right;">
                            <span>乐町牛仔外套19女秋新款短外套女</br><strong>$199</strong></span>
                        </div>
                    </div>
                    <p>5.乐町牛仔外套19女秋新款短</p>
                    <div class="hahaha">
                        <img src="./imgs/images/youbian_03.jpg">
                        <div style="width: 128px;float: right;">
                            <span>乐町牛仔外套19女秋新款短外套女</br><strong>$199</strong></span>
                        </div>
                    </div>
                    <p>6.乐町牛仔外套19女秋新款短</p>
                    <div class="hahaha">
                        <img src="./imgs/images/youbian_03.jpg">
                        <div style="width: 128px;float: right;">
                            <span>乐町牛仔外套19女秋新款短外套女</br><strong>$199</strong></span>
                        </div>
                    </div>
                </div>


                <!--第二个页面-->
                <div id="minbox2" style="display: none;">
                    <h2>全部都是爆款建议您全部都买</h2>
                </div>
                <!--第三个页面-->
                <div id="minbox3" style="display: none;">
                    <h2>暂时无</h2>
                </div>
            </div>
        </div>


        <!---->
        <!---->
        <!--女装区-->
        <div class="nvzhuang">
            <img src="./imgs/images/zuanqu_07.jpg">
        </div>

        <div class="nzbox">
            <img src="./imgs/nannan.jpg" style="width: 270px;height: 410px;">
            <div class="nvbox2">
                <a>口红</a>
                <a>男装</a>
                <a>男包</a>
                <a>鞋子</a>
            </div>
        </div>

        <div style="position: relative;">
            <img src="./imgs/images/nvzuanqu_03.jpg" style="position: absolute;bottom:0px;right:296px;">
        </div>
        <div style="position: relative;">
            <div class="rightbox">
                <div style="margin:10px 0;">
                    <a class="a1">女装销量</a>&nbsp;
                    <a class="a2">爆买热款</a>&nbsp;
                    <a class="a3">事实跟新</a>&nbsp;
                </div>
                <div class="maxbox9">
                    <p>1.乐町牛仔外套19女秋新款短</p>
                    <div class="hahaha">
                        <img src="./imgs/images/youbian_03.jpg">
                        <div style="width: 128px;float: right;">
                            <span>乐町牛仔外套19女秋新款短外套女</br><strong>$199</strong></span>
                        </div>
                    </div>
                    <p>2.乐町牛仔外套19女秋新款短</p>
                    <div class="hahaha">
                        <img src="./imgs/images/youbian_03.jpg">
                        <div style="width: 128px;float: right;">
                            <span>乐町牛仔外套19女秋新款短外套女</br><strong>$199</strong></span>
                        </div>
                    </div>
                    <p>3.乐町牛仔外套19女秋新款短</p>
                    <div class="hahaha">
                        <img src="./imgs/images/youbian_03.jpg">
                        <div style="width: 128px;float: right;">
                            <span>乐町牛仔外套19女秋新款短外套女</br><strong>$199</strong></span>
                        </div>
                    </div>
                    <p>4.乐町牛仔外套19女秋新款短</p>
                    <div class="hahaha">
                        <img src="./imgs/images/youbian_03.jpg">
                        <div style="width: 128px;float: right;">
                            <span>乐町牛仔外套19女秋新款短外套女</br><strong>$199</strong></span>
                        </div>
                    </div>
                    <p>5.乐町牛仔外套19女秋新款短</p>
                    <div class="hahaha">
                        <img src="./imgs/images/youbian_03.jpg">
                        <div style="width: 128px;float: right;">
                            <span>乐町牛仔外套19女秋新款短外套女</br><strong>$199</strong></span>
                        </div>
                    </div>
                    <p>6.乐町牛仔外套19女秋新款短</p>
                    <div class="hahaha">
                        <img src="./imgs/images/youbian_03.jpg">
                        <div style="width: 128px;float: right;">
                            <span>乐町牛仔外套19女秋新款短外套女</br><strong>$199</strong></span>
                        </div>
                    </div>
                </div>


                <!--第二个页面-->
                <div class="minbox2" style="display: none;">
                    <h2>全部都是爆款建议您全部都买</h2>
                </div>
                <!--第三个页面-->
                <div class="minbox3" style="display: none;">
                    <h2>暂时无</h2>
                </div>
            </div>
        </div>

        <!--品牌专区-->
        <!--女装区-->
        <div class="nvzhuang">
            <img src="./imgs/images/zuanqu_10.jpg">
        </div>
        <div>
            <img src="./imgs/images/zuanqu10_03.jpg">
            <div class="rightmanbox">
                <h1>xx品牌</h1>
                <p>xxxxxxx品牌注重年轻一代感情沟通,提出"不普通的普通人"的品牌主张,鼓励年轻群体在生活中坚持小自我,正在平凡中展现小个性,在平淡中发现小乐趣,活出自己的小不同.</p>
                <h4>品&nbsp;牌&nbsp;特&nbsp;卖&nbsp;中&nbsp;&nbsp;&nbsp;>></h4>
            </div>
        </div>
        <div class="footbox1">
            <img src="./imgs/aaaa.jpg">
        </div>
        <div class="footbox1">
            <img src="./imgs/nan4.jpg">
        </div>
        <div class="footbox1">
            <img src="./imgs/ias_156818673613567_570x273_90.jpg">
        </div>
        <div class="footbox1">
            <img src="./imgs/nan1.jpg">
        </div>

        <div style="position: relative;">
            <div class="footminbox">
                <h2>GOLD&nbsp;SHARK</h2>
                <p>品质男装&nbsp;秋季换新</p>
            </div>
            <div class="footminbox1">
                <h2>GOLD&nbsp;SHARK</h2>
                <p>品质男装&nbsp;秋季换新</p>
            </div>
            <div class="footminbox2">
                <h2>GOLD&nbsp;SHARK</h2>
                <p>品质男装&nbsp;秋季换新</p>
            </div>
            <div class="footminbox3">
                <h2>GOLD&nbsp;SHARK</h2>
                <p>品质男装&nbsp;秋季换新</p>
            </div>
        </div>
        <div class="shoucang">
            <a class="mina2">+收藏店铺</a>
            <a class="mina3">+收藏店铺</a>
            <a class="mina4">+收藏店铺</a>
            <a class="mina5">+收藏店铺</a>
        </div>
    </div>

    <!--尾部-->



    <div style="width: 100%;background: rgb(255, 255, 255);margin-top: 400px;">
        <div class="container">
            <div class="wei1">
            </div>
        </div>
        <div class="container">
            <div class="axiba">
                <img src="./imgs/wowosss.png" style="width: 1200px;">
                <div id="boxhao">
                    <ul>
                        <li style="font-size: 20px;color: black;">新手入门</li>
                        <li><a>新手入门</a></li>
                        <li><a>新手入门</a></li>
                        <li><a>服务协议及隐私说明</a></li>
                        <li><a>新手入门</a></li>
                        <li>新手入门</li>
                    </ul>
                    <ul>
                        <li style="font-size: 20px;color: black;">支付方式</li>
                        <li>新手入门</li>
                        <li>新手入门</li>
                        <li>新手入门</li>
                        <li>新手入门</li>
                        <li>新手入门</li>
                    </ul>
                    <ul>
                        <li style="font-size: 20px;color: black;">配送服务</li>
                        <li>配送进度查询</li>
                        <li>商品验货及签收</li>
                    </ul>
                    <ul>
                        <li style="font-size: 20px;color: black;">相关规则</li>
                        <li>新手入门</li>
                        <li>退款货政策</li>
                        <li>新手入门</li>
                        <li>新手入门</li>
                        <li>新手入门</li>
                    </ul>
                    <p class="fule">
                    <ul>
                        加微信查订单
                        <li><img src="./imgs/qryhd.png"></li>
                    </ul>

                    <ul>
                        app更加优惠
                        <li><img src="./imgs/qryhd.png"></li>
                    </ul>
                    </p>
                </div>
            </div>
        </div>
        <div style="background-color:  #f4f4f4;margin-top: 260px;">
            <p style="text-align: center;padding: 20px;color: #898989;">沪ICP备XXXXXXXXX号 | 经营证照 |
                互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |<br />沪公网安备 XXXXXXXXX号 | 友情链接 |
                出版物经营许可证 | 增值电信业务经营许可证</p>


            <p style="text-align: center;padding-bottom:20px ;"><img src="./imgs/xin.jpg">&nbsp;<img
                    src="./imgs/xin3.jpg">&nbsp;<img src="./imgs/xin4.png">&nbsp;<img src="./imgs/xin2.png">&nbsp;<img
                    src="./imgs/xin5.jpg"></p>
        </div>
    </div>


    <script src="./js/jquery.js"></script>
    <script src="./js/liebiaopage.js"></script>
</body>

</html>